@reference "../../styles/index.css";

.badge {
  @apply rounded-full
    text-center
    whitespace-nowrap
    text-white;

  &.small {
    @apply px-1.5
      py-0.5
      text-xs;
  }

  &.medium {
    @apply px-2.5
      py-0.5
      text-base;
  }

  &.default {
    @apply bg-green-600;
  }

  &.error {
    @apply bg-danger-600;
  }

  &.warning {
    @apply bg-warning-600;
  }

  &.info {
    @apply bg-info-600;
  }

  &.neutral {
    @apply bg-neutral-600;
  }
}
